﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <title></title>
    <style>
        body {
            margin:0;
            padding:0;
            font-size:17px;
        }
        .body {
            text-align: center;
        }

        .img {
            padding-top: 80px;
        }

        .title {
            padding: 10px;
        }

        .download {
            padding: 40px 0;
        }

            .download a {
                background-color: #2ebd40;
                padding: 10px 50px;
                color: #fff;
                text-decoration: none;
            }

        .wx {
            position: absolute;
            top: 0px;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,.7);
            color: #fff;
            padding-top: 80px;
            line-height: 2em;
        }

            .wx-body span {
                width: 30px;
                height: 30px;
                border-radius: 15px;
                display: inline-block;
                text-align: center;
                background-color: #f90;
                margin-right:10px;
            }

            .wx-body div {
                font-size: 1.2em;
                padding:10px 0;
            }
        .wx-body img {
            vertical-align:middle;
        }
        .wx-body {
            padding-left:20px;
        }
        .up {
                position: absolute;
    top: 10px;
    right: 0;
    width: 100px;
        }
    </style>
</head>
<body>
    <div class="body">
        <div class="img">
            <img src="img/logo.png" alt="51信托管" style="width:120px;" />
        </div>
        <div class="title">51信托管安卓应用</div>
        <div class="download"><a href="upload/51cc.apk">下载</a></div>
    </div>
    <div id="wx" class="wx" style="display:none;">
        <div class="wx-body">
            只要3秒点两下就好啦~
            <img src="/img/up.png" class="up" />
            <div><span>1</span>点击右上角的 <img src="/img/more.png" style="width:40px;" /> 按钮</div>
            <div><span>2</span>选择 <img src="/img/brower.png" style="width:60px;" /> 即可下载</div>
        </div>
    </div>
    <script>
        var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
            //在微信中打开
            document.getElementById("wx").style.display = "block";
        }
        else {
            window.location = "upload/51cc.apk";
        }
    </script>
</body>
</html>
